<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>测试下从本地库推送到远程库</title>
  <link rel="stylesheet" href="./css/index.css" />
</head>

<body>
  <h2>网页设计软件列表(点击查看)</h2>
  <hr size="3px" width="750px" />
  <nav>
    <a href="#news1">Photoshop软件</a>
    <a href="#news2">illustrator软件</a>
    <a href="#news3">Dreamweaver软件</a>
    <a href="#news4">Fireworks软件</a>
  </nav>
  <hr size="3px" width="750px" />
  <dl id="news1">
    <dt><img src="./img/1.jpg" alt="" /></dt>
    <dd>Photoshop一款好到违反广告法的 <em>超S级设计神器</em> ！给画面来点动感吧。</dd>
    <dd>Photoshop处理以 <em>像素构成的图像</em> ，可以有效地进行图片编辑调整工作。</dd>
    <dd>Photoshop有很多功能，在图像、图形、文字、出版等各方面都有涉及。</dd>
    <dd>在制作建筑效果图包括许三维场景时，常常需要在Photoshop进行调整。</dd>
  </dl>
  <dl id="news2">
    <dt><img src="./img/2.jpg" alt="图片2" srcset="" /></dt>
    <dd>Illustrator是一种应用于出版、多媒体和在线图像的 <em>标准矢量插画</em> 的软件。</dd>
    <dd>Illustrator广泛应用于 <em>印刷出版、海报书籍、</em> 专业插画、多媒体图像处理。</dd>
    <dd>Illustrator可以为线稿提供较高的精度和控制，简单到复杂项目都能生产。</dd>
    <dd>跟据不完全统计全球大约有37%的界面设计师在使用Illustrator进行设计。</dd>
  </dl>
  <dl id="news3">
    <dt><img src="./img/3.jpg" alt="" srcset="" /></dt>
    <dd>Dreamweaver是第一套针对 <em>专业网页设计师</em> 特别发展的网页开发工具。</dd>
    <dd>利用它可以轻易地制作出 <em>跨越平台和跨越浏览器</em> 限制的充满动感的网页。</dd>
    <dd>Dreamweaver自MX版本开始，使用了Opera的排版引擎作为网页预览。</dd>
    <dd>Dreamweaver可以在AdobeCreativeSuite4的不同组件之间切换工作。</dd>
  </dl>
  <dl id="news4">
    <dt><img src="./img/4.jpg" alt="" srcset="" /></dt>
    <dd>Fireworks是Adobe推出的一款 <em>网页作图软件</em> ，可以加速Web设计开发。</dd>
    <dd>Fireworks是一款创建优化 <em>Web图像</em> 和快速构建网站与Web界面的工具。</dd>
    <dd>Fireworks可以创建和编辑矢量图像与位图图像，并导入PS和AI文件中。</dd>
    <dd>Fireworks采用与PS类似的层图层结构来管理原型，更易组织Web页面。</dd>
  </dl>
</body>

</html>